// 文本框类
function scrollText(cup) {
    this.coef = 1;
    // 获得容器
    this.cup = cup;
    if(!cup) return false;

    this.__initStruct();

    // 获取组件框
    this.ScrollText = this.cup.querySelector(".ScrollText");
    // 获取文字框
    this.item = this.cup.querySelector(".item");
}

// 结构初始化
scrollText.prototype.__initStruct = function() {
    let templet = `
        <div class="ScrollText">
            <span class="wrap">
                <span class="item">

                </span>
            </span>
        </div>
    `;
    this.cup.innerHTML = templet;
}

// 速度调整
scrollText.prototype.setRate = function(coef) {
    this.coef = coef || this.coef;
    this.ScrollText.style.setProperty("--controlLen", String(this.item.clientWidth / 75 * this.coef));
}

// 设置文本
scrollText.prototype.setText = function(text) {
    if(typeof text !== "string")
        return false;
    this.item.innerText = text;
    this.setRate(1);
}

function createScrollText(cup) {
    return new scrollText(cup || null);
}

export var ScrollText = createScrollText;

// temp
// 获取所有文本框
// const allScrollTextList = document.querySelectorAll(".ScrollText");

// function setScrollTime() {
//     allScrollTextList.forEach((scrollText) => {
//         let item = scrollText.querySelector(".item");
//         // @ts-ignore
//         scrollText.style.setProperty("--controlLen", String(item.clientWidth / scrollText.clientWidth));
//     });
// }
// setScrollTime();